<template>
  <div class="container">
    <div class="header">
      <h3>{{ details.title }}</h3>
      <div>
        <span>{{ details.createTime | parseTimeByString }}</span>
        <span>{{ details.creatorID === 2 ? '超级管理员' : '录入管理员' }}</span>
        <i class="el-icon-view"></i>
        <span>{{ details.visits }}</span>
      </div>
    </div>
    <div class="content" v-html="details.articleBody"></div>
  </div>
</template>

<script>
import { simple as usersSimple } from '@/api/base/users'
export default {
  props: {
    details: {
      type: [Array, Object],
      required: true
    }
  },
  async created() {}
}
</script>

<style scoped lang="scss">
.container {
  .header {
    h3 {
      font-size: 20px;
    }
    span {
      margin-right: 20px;
    }
    i {
      margin-right: 10px;
    }
  }
  .content {
    margin-top: 10px;
    padding-bottom: 8px;
    border-top: 1px dashed #ccc;
    background-color: #f5f5f5;
  }
}
</style>
